import React, { memo } from 'react'

import {getCount} from '../../untils/format-untils'
import {SongsCoverWrapper} from './style'
export default memo(function HYSongsCover(props) {
    const {info} = props
    return (
        <SongsCoverWrapper>
            <div className='cover-top'>
                <img src={info.picUrl} alt=""/>
            </div>
            <div className='cover-bottom'>
                <i className='erji'></i>
                <span className='text'>{getCount(info.playCount)}</span>
                <i className='listen'></i>
            </div>
            <div className='cover-source'>
                <p className='name'>{info.name}</p>

            </div>
        </SongsCoverWrapper>
    )
})
